草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - 从父级访问 Vue 中组件的计算属性

如何从父级访问Vue中组件的计算属性?在此示例中,我有一个包含商品组件的购物车,我想计算并显示购物车商品的总和:购物车.jsvarvm=newVue({el:'#cart',components:{cartItem:require('./components/cart-item.js'),},data:{items:[{name:'apple',qty:5,price:5.00},{name:'orange',qty:7,price;6.00},],},computed:{//IwanttodosomethinglikethisandaccesslineTotalfromcartcar

基于 JavaScript 滚动的动画在移动设备上不稳定

我有2个div(左和右),我想在右边的基础上向左滚动。https://jsfiddle.net/3jdsazhg/2/这在桌面上运行良好,但当我切换到移动设备时,就不再流畅了......这很容易被注意到,通过改变_left.style.top=_content.scrollTop-(_content.scrollTop*ratioLeftRight)+'px';到_left.style.top=_content.scrollTop+'px';它应该作为一个固定定位的div我想知道这不流畅的确切原因......我知道这不是动画。div上的简单动画很流畅,基于滚动时会出现问题。我怎样才能使

javascript - 动态注册本地 Vue.js 组件

我们知道possible像这样动态注册全局Vue.js(版本1)组件:Vue.component('my-component',MyComponent)有没有办法对本地组件执行相同的操作,即那些仅对特定组件可用/可见的组件?我的想法是,我希望能够像这样传递要在本地注册的组件:所以在outer-component中我可以做:created(){this.someMethodINeedToRegisterLocalComponent('cool-component',this.localComponentToBeRegisteredDynamically);},

javascript - 实时数据无限滚动

我正在尝试在Web应用程序中实现无限滚动,可以从服务器添加或删除记录,按其ID的字母顺序排序,相关数据也可以随时更改,我必须显示最新数据.我了解无限滚动的工作原理以及如何显示一组固定对象的最新数据(在我的例子中,反复轮询并将数据转储到View中),但我无法理解如何将两者集成。API使用游标,每次向我发送20条记录。请帮忙 最佳答案 我想我明白你最关心的是什么。具有实时更新的无限滚动很难实现。您必须仔细考虑并弄清楚您真正想要实现的目标。有几种情况需要考虑,为简化起见,假设我们使用带有行的网格:可见行已更改(编辑)在可见行之间添加了新行

javascript - 尝试通过 Vue.js 中的渲染传递 Prop 并观看它们

我在使用vue.js中的CreateElement/render将Prop从父级向下传递到创建的子级时遇到问题,然后再观看它。这是我的父组件Vue.component('my-drawing',MyDrawing)newVue({el:'#drawing',mounted(){Bus.$on('emitColorSelection',(emitString)=>{console.log("insidesocket.js/my-drawingandemitStringis",emitString);this.useColor=emitString;console.log('insides

javascript - 如何使用 Vue Slider 控制元素

我在requestsjson对象中有一堆数据。默认情况下,所有数据都会显示给用户。此外,我还有一个slider组件。我正在尝试实现这样的功能,即当用户移动slider时,json的元素会根据slider的值出现/消失。例如:数据:requests:[{value:10,name:"foo"},{value:12,name:"bar"},{value:14,name:"foobar"},{value:22,name:"test"},{value:1,name:"testtooo"},{value:8,name:"something"}]默认情况下,我希望显示所有数据,但当用户移动slid

javascript - 来自 Trace Trees 的 Javascript 性能改进是否会进入其他解释语言?

听起来Mozilla在通过TraceMonkey提高JavaScript性能方面运气不错.另见AndreasGal的paperonTraceTrees.这些改进是否适用于其他解释器/编译器?如果是,这是否意味着我们将看到其他解释性语言的一系列改进? 最佳答案 AndreasGal有一个名为HotPath的研究JVM,他的团队中的一些人目前正在致力于将基于JIT的嵌套跟踪树添加到Maxine(Sun的新研究用Java编写的JVM)和HotSpot。因此,至少它也出现在其他语言的其他VM中。此外,新的PyPyJIT编译器(目前正在Pro

javascript - 如何按需重新加载 Ext.tree.TreePanel?

我想创建Ext.tree.TreePanel组件并定期从外部URl加载内容。所以我写了类似的东西newExt.tree.TreePanel({root:{nodeType:'async',text:'asdasd',draggable:false,id:'folders-tree-root'},loader:newExt.tree.TreeLoader()});现在我想重新加载这棵树,所以我写:tree.loader.dataUrl='folders-sample.json';tree.root.reload();什么也没有发生。添加:我发现的唯一方法是在TreeLoader创建时为d

javascript - 隐藏 overflow-x 时是否可以防止水平滚动?

我有一个网页,其内容超出了浏览器窗口的右边缘。我设置了overflow-x:hidden在关闭底部滚动条,但我仍然可以使用触控板水平滚动,这不是我想要的。有什么办法可以防止浏览器水平滚动吗?附带说明:Safari4.0.4有时只能水平滚动,滚动感觉“粘滞”和“跳跃”,而Firefox始终平滑地水平滚动。 最佳答案 你可以尝试在CSS中设置:html{overflow-x:hidden;}而不是使用body选择器。我尝试过并在Firefox中工作。 关于javascript-隐藏overf

javascript - Ipad/Iphone 喜欢滚动

你们有没有见过一个允许流畅的div滚动的javascript库。我有点想做一些类似于googlewave中的滚动条的事情……但也许不那么烦人。我碰巧喜欢他们,但他们似乎并没有得到那么好的评价。 最佳答案 我相信iScroll可能会有所帮助。它提供了一种在固定宽度/高度元素内滚动内容的方法。您可以在这里找到更多信息:http://cubiq.org/iscroll-4 关于javascript-Ipad/Iphone喜欢滚动,我们在StackOverflow上找到一个类似的问题: